<template>
  <view>
    <navbar>其它</navbar>
    <view :class="c_card">
        <view :class="c_title1">鼠标样式</view>
		<view class="b-b1"></view>
      <view class="c-999 mt-20">
        <text :class="c_strong">cu-p:</text>{cursor: pointer;}/*
        鼠标变小手 */
      </view>
      <view class="c-999 mt-20">
        <text :class="c_strong">cu-d:</text>{cursor: default;}/*
        鼠标变箭头 */
      </view>
	   <view class="pb-32 b-b1"></view>
      <view class="mt-32">
        举例:
      </view>
      <view class="mt-20">
          <view>
          <view>默认</view>
          <view class="w-150 h-150 bg-f1 dp-fc mt-20">
            将鼠标移动到这里
          </view>
        </view>
		<view class="pb-20 b-b1"></view>
        <view class="mt-20">
          <view>class="<text class="fw-b c-red">cu-p</text>"</view>
          <view class="w-150 h-150 bg-f1 cu-p dp-fc mt-20">
            将鼠标移动到这里
          </view>
        </view>
		<view class="pb-20 b-b1"></view>
        <view class="mt-20">
          <view>class="<text class="fw-b c-red">cu-d</text>"</view>
          <view class="w-150 h-150 bg-f1 cu-d dp-fc mt-20">
            将鼠标移动到这里
          </view>
        </view>
      </view>
    </view>
    <view :class="c_card">
        <view :class="c_title1">超出处理</view>
		<view class="b-b1"></view>
      <view class="c-999 mt-20">
        <text :class="c_strong">o-h:</text>{overflow: hidden;}/*
        超出隐藏 */
      </view>
      <view class="c-999 mt-20">
        <text :class="c_strong">oy-s:</text>{overflow-y: scroll;}/*
        超出隐藏,可竖向滚动 */
      </view>
      <view class="c-999 mt-20">
        <text :class="c_strong">ox-s:</text>{overflow-x: scroll;}/*
        超出隐藏,可横向滚动 */
      </view>
	  <view class="pb-32 b-b1"></view>
      <view class="mt-32">
        举例:
      </view>
      <view class="mt-20">
        <view>
          <view>
            class="<text class="fw-b c-red">o-h</text>"
          </view>
          <view class="w-150 h-100 fs-17 o-h bg-f1 mt-20">
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
          </view>
        </view>
		<view class="pb-20 b-b1"></view>
        <view class="mt-20">
          <view>
            class="<text class="fw-b c-red">ox-s</text>"
          </view>
          <view class="w-150 h-100 fs-17 ox-s bg-f1 mt-20">
              <view class="w-750 h-50">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</view>
          </view>
        </view>
		<view class="pb-20 b-b1"></view>
         <view class="mt-20">
          <view>
            class="<text class="fw-b c-red">oy-s</text>"
          </view>
          <view class="w-150 h-100 fs-17 oy-s bg-f1 mt-20">
            文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: "other",
  data() {
    return {};
  },
  mounted() {},
  methods: {}
};
</script>

<style lang="scss" scoped></style>
